.init_body{
    opacity: 0;
}
body{
    opacity: 0;
    background: #efefef;
    overflow-x: hidden;
    overflow-y: hidden;
    /*transition: all 0.25s;*/
}
.overflow-y-show{
    overflow-y: scroll;
}
/*左侧菜单*/
ul,li{
    padding: 0;
    margin: 0;
    list-style: none;
}
.fixed{
    position: fixed;
    left: 0;
    top:0;
    height: 100%;
}
.left_mune{
    position: absolute;
    left: 0;
    top:0;
    z-index: 2;
    width: 230px;
    list-style: none;
    color: #f1f1f1;
    background-color: #3e3b39;
}
.left_top{
    font-size: 18px;
    line-height: 3em;
    text-align: center;
}
.left_nav{
    height: 35px;
    line-height: 35px;
    text-indent: 1em;
    border-top: 1px solid #5f5d5b;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all  0.3s;
    -ms-transition: all  0.3s;
    -o-transition: all  0.3s;
    transition: all  0.3s;

}
.left_nav>a{
    display: inline-block;
    width: 90%;
    text-decoration: none;
    color: #f1f1f1;
}
.left_nav>a:hover{
    color:#fff;
}
.left_nav>ul{
    background-color: #232323;
    overflow: hidden;
}
.t-right{
    text-align: right;
}
.lm-float-r{
    float: right;
}
.s-show a{
    display: inline-block;
    width: 90%;
    color: #b1b1b1;
    text-decoration: none;
}
.s-show a:hover{
    color:#fafafa;
}
.s-show .s-color-fcfcfc{
    color: #fcfcfc;
}
/*顶部菜单*/
.top_menu{
    position: absolute;
    left: 0;
    top:0;
    /*clear: both;*/
    padding:0 0 0 230px;
    width: 100%;
    height: 60px;
    background:#eeeeee;
    box-sizing: border-box;
}
.top_menu>nav a{
    color:#635b5b;
}
.top_menu .ul_r>li{
    display: inline-block;
    float: right;
    margin-right: 2em;
}


/*主体容器部分 start*/
.container{
    position: absolute;
    padding: 1em 0 1em 230px;
    left: 0px;
    top:4.5em;
    width: 100%;
    background: #fff;
    box-sizing: border-box;

}
/*主体容器部分 end*/
.border-bottom{
    padding-bottom: 5px;
    border-bottom: 1px solid #e7eaec !important;
}

.table{
    border-collapse: collapse;
}
.table>thead>tr{
    min-height: 4em;
    background: #fafafa;
}
.table>tbody>tr{
    min-height: 3em;
}
.margin-bottom-10{
    margin-bottom: 10px;
}


/*DataTable css start*/
.table>thead>tr{
    border-collapse: collapse;
    border: 0.5px solid #d5d5d5;
}

table.dataTable.no-footer{
    border-bottom: 0.5px solid #8c8c8c;
}
.table.dataTable{
    border-collapse: collapse;

}
.inline{
    display:inline;
}
.dt-search,.dt-select{
    height: 2em;
    font-size: 15px;
    border:0.5px solid #dddddd;
    box-sizing: border-box;

}
.dt-search:focus,.dt-select:focus{
    border:0.5px solid #67b168;
    outline:0px #67b168 solid;
    box-sizing: border-box;
}

.dataTables_wrapper .dataTables_paginate{
    margin: 3px 1em 0 0;
    /*border: 0.5px solid #ddd;*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    margin: 0 0 0 0;
    background: #fff;
    box-sizing: border-box;
    border-left: #dddddd 0.5px solid !important;
    border-top: #dddddd 0.5px solid !important;
    border-bottom: #dddddd 0.5px solid !important;
    border-radius: 0 0 0 0;
}
.dataTables_wrapper  .paging_full_numbers{
    padding: 0 1px 0 0;
    border-right: #dddddd 0.5px solid !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #666 !important;
    background: #eee !important;
    border-color: rgba(0,0,0,0);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    /*background-color: #5cb85c !important;*/
    border: 0.5px #EEEEEE solid !important;
    outline: 0px solid rgba(245,245,245,0);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button .current:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.current:active{
    background: #eee !important;
    border: 0px;
}
.dataTables_wrapper .dataTables_paginate.paginate_button.last{
    border-right: 0.5px solid #dddddd;
}
table.dataTable thead th, table.dataTable thead td{
    border-bottom: 0px solid #dddddd;
}
.table-striped>tbody>tr:nth-of-type(odd){
    background: #fff;
}
table.dataTable tbody tr{
    background: #fafafa;
}
table.dataTable tbody tr:hover{
    background-color: #eee;
}

div[id*="_length"]>label,div[id*="_filter"]>label{
    font-weight: 100;
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button{*/
    /*margin: 0;*/
    /*background: #fff;*/
    /*box-sizing: border-box;*/
    /*border: 0.5px solid #ddd;*/
    /**/
/*}*/
/*DataTable css end*/

.form-control, .single-line{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 0px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
}


.form-tips{
    color: #777;
    line-height: 30px;
}
.control-label{
    color: #555;
}

.btn-white{
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}
.btn-primary {
    background-image:initial;
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover {
    background-color: #17a286;
    border-color: #17a286;
}

.input_init{
    width: 10em;
    background: none;
    border: 0;
}
/*tips 提示部分 start*/
.tips{
    display: none;
    position: fixed;
    z-index: 999999;
    opacity: 0;
    padding: 0 1em 0 1em;
    min-width: 100px;
    max-width: 400px;
    min-height: 50px;
    color: #fefefe;
    /*text-indent: 1em;*/
    background:#1ab394;
    border-radius: 5px 5px 5px 5px;
    transition: all 0.5s;
}

.tips i,.tips span{
     display: inline-block;
     padding: 0;
     line-height: 50px;
 }
.tips span{
    position: relative;
    top:-4px;
}
.tips-action{
    display: block;
}
.tips-fail{
    background: #e2524a;
}

.s-confirm{
    position: relative;
    z-index: 999999;
}
/*tips 提示部分 end*/

/*login 登录部分 start*/
.login{
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
}
.login-box{
    position: relative;
    top:3em;
    display: inline-block;
    padding: 20px;
    width: 400px;
    background: #fff;
    border-radius: 5px 5px 5px 5px;

}
.login-title{
    margin-bottom: 2em;
}
.login .col-sm-12{
    margin-bottom: 1em;
}
.login-form *{
    text-align: initial;
}
.login input[type=checkbox]{
    margin: 0;
    vertical-align: middle;
}

/*animation: name duration timing-function delay iteration-count direction animation-play-state(paused|running) animation-fill-mode(none|forwards|backwards|both);*/
@keyframes login {
    0% {
        top: 3em;
        opacity: 0;
    }
    100% {
        top: 5em;
        opacity: 1;
    }
}
.login-animate{
    /*动画完毕自动停止*/
    -webkit-animation: login 800ms linear 0ms 1 forwards;
    -o-animation: login 800ms linear 0ms 1 forwards;
    animation: login 800ms linear 0ms 1 forwards;
}


/*login 登录部分 end*/

/*多选框和单选框部分 start*/
.s-label-checkbox , .s-label-radio{
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-width: 3em;
    line-height: 30px;
}
.s-label-checkbox input[type=checkbox]{
    position: absolute;
    top:0;
    left: 0;
    z-index: -1;
    opacity: 0;
}
.s-label-checkbox label{
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    color: #fff;
    border: #dddddd 0.5px solid;
    box-sizing: border-box;
}
.s-label-checkbox label:hover{
    border: #1ab394 1.5px solid;
}
.s-label-checkbox input:checked + label{
    border: #1ab394 0.5px solid;
}
.s-label-checkbox input:checked + label::before{
    position: absolute;
    top:0;
    left: 0;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 2em;
    width: 100%;
    height: 100%;
    background: #1ab394;
    /*content: "\2714";*/
    content: "\f00c";
}


.s-label-radio{
    color: #777;
    font-weight: initial;
}
.s-label-radio>input[type=radio]{
    position: absolute;
    top:0;
    left: 0;
    z-index: -1;
}
.s-label-radio>label{
    position: relative;
    padding: 0;
    margin: 0 0 0 1em;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    color: #fff;
    border: #dddddd 0.5px solid;
    border-radius: 50%;
    box-sizing: border-box;
}
.s-label-radio label:hover{
    border: #1ab394 1.5px solid;
}
.s-label-radio input:checked + label{
    border: #1ab394 0px solid;
}
.s-label-radio input:checked + label::before{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 2em;
    width: 100%;
    height: 100%;
    background: #18a588;
    border-radius: 50%;
    content: "\f00c";
}
/*多选框和单选框部分 end*/

/*KindEditor start*/
.ke-input-text:focus{
    /*outline: 0.5px #4cae4c solid !important;*/
}

.s-div-img-preview{
    width: 100% !important;
}
.s-div-img-item{
    position: relative;
    display: inline-block;
    margin: 0 5px 5px 0;
    /*clear: both;*/
    width: 100px;
    height: 100px;
    line-height: 97px;
    border: 0.5px #e2e2e2 solid ;
    box-sizing: border-box;

}
.s-div-img-item>img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.s-div-img-item>i{
    position: absolute;
    z-index: 1;
    top:0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    font-weight: 100;
    color: #fff;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
}
.s-div-img-upload>*{
    width: 100px;
}
.imglook_2019{ display: none; }
/*KindEditor end  */

/*返回顶部 start */
.s-toTop{
    position: fixed;
    z-index: 10;
    right: 0px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    background: rgba(21,18,8,0.5);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.s-toTop-hide{
    right: -100px;
}
.s-toTop>i{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    color:#e2e2e2;
    cursor: pointer;
}
/*返回顶部 end */
